    //点击编辑
    $(tbody).on('click','.btn-edit',function(){
        const $tr = $(this).parents('tr')
        $(this).css('display','none')
        $tr.find('span').css('display','none')
        $tr.find('.btn-edit').next().css('display','none')
        $tr.find('input').css('display','inline-block')
        $tr.find('.btn-ok').css('display','inline-block')
        $tr.find('.btn-cancel').css('display','inline-block')
        //把span的值赋值给input(循环)
        $tr.find('span').each(function(){
            $(this).next().val($(this).html())
        })
    })
    
    //确认修改
    $(tbody).on('click','.btn-ok',function(){
        const $tr = $(this).parents('tr')
        const id = $tr.attr('idx'),
              name = $tr.find('.shop-name').val(),
              price = $tr.find('.shop-price').val(),
              num = $tr.find('.shop-num').val()

        $.get('/api/shop/edit',{id,name,price,num},reps =>{
            console.log(reps);
            if(reps.code === 200){
                $(this).css('display','none')
                $tr.find('input').css('display','none')
                $tr.find('.btn-cancel').css('display','none')
                $tr.find('span').css('display','inline-block')
                $tr.find('.btn-edit').css('display','inline-block')
                $tr.find('.btn-edit').next().css('display','inline-block')
                getData()
            }
        },'json')
    })

    //取消修改
    $(tbody).on('click','.btn-cancel',function(){
        const $tr = $(this).parents('tr')
        $(this).css('display','none')
        $tr.find('input').css('display','none')
        $tr.find('.btn-ok').css('display','none')
        $tr.find('span').css('display','inline-block')
        $tr.find('.btn-edit').css('display','inline-block')
        $tr.find('.btn-edit').next().css('display','inline-block')
    })

    //删除
    $(tbody).on('click','.btn-del',function(){
        const $tr = $(this).parents('tr')
        let idx = $tr.attr('idx')
        if(confirm("确认删除？")){
            $.get('/api/shop/delete',{idx},reps =>{
                if(reps.code === 200){
                     getData()
                }
            },'json')
        }
    })
    // let edit = tbody.getElementsByClassName("btn-edit")
    // let del = tbody.getElementsByClassName("btn-del")
    // let ok = tbody.getElementsByClassName("btn-ok")
    // let cancel = tbody.getElementsByClassName("btn-cancel")
    // let tr = tbody.getElementsByTagName("tr")
    
    // prom('./api/v1/shop/select.php').then(reg => {
        
    //     if(reg.code === 200){
    //         const {list} = reg.body
    //         console.log(list);
           
    //         for(var i=0;i<list.length;i++){
    //             edit[i].index = i;
    //             edit[i].onclick = function(){
    //             this.style.display =  'none'
    //             del[this.index].style.display =  'none'
    //             ok[this.index].style.display =  'inline-block'
    //             cancel[this.index].style.display =  'inline-block'
               
    //             let inp = tr[this.index].getElementsByTagName("input")
    //             let span = tr[this.index].getElementsByTagName("span")
    //             let id = tr[this.index].getAttribute('idx')
                
    //             for(var j=0;j<3;j++){
    //                 span[j].style.display =  'none'
    //                 inp[j].style.display =  'inline-block'
    //                 inp[j].value = span[j].innerHTML
    //             }
    //             //点击确定修改
    //             ok[this.index].onclick = () =>{
    //                 let name = inp[0].value
    //                 let price = inp[1].value
    //                 let num = inp[2].value
                   
    //                  //数据发送到后端
    //                 prom('./api/v1/shop/edit.php',{id,name,price,num}).then(reg => {
    //                     if(reg.code === 200){
    //                         //传输成功，重新渲染页面
    //                          getData()
    //                     }else{
    //                         console.log("失败");
                            
    //                     } 
    //                 })
    //             }
    //             //取消修改
    //             cancel[this.index].onclick = () =>{
    //                 this.style.display =  'inline-block'
    //                 del[this.index].style.display =  'inline-block'
    //                 ok[this.index].style.display =  'none'
    //                 cancel[this.index].style.display =  'none'

    //                 for(var w=0;w<3;w++){
    //                     span[w].style.display =  'inline-block'
    //                     inp[w].style.display =  'none'
    //                 }
    //             }
    //            }
    //             //点击删除
    //             del[i].dex = i;
    //             del[i].onclick =function(){
    //                 //id发送到后端
    //                 let idx = tr[this.dex].getAttribute('idx')
                   
    //                 prom('./api/v1/shop/delete.php',{idx}).then(reg => {
    //                     if(reg.code === 200){
    //                         //传输成功，重新渲染页面
    //                         getData()
    //                     }else{
    //                         console.log("失败");
                            
    //                     } 
    //                 })
    //             }
    //          }
    //     }   
    // })   
  

